<template>
  <div class="br-page-view">
    <dv-border-box-2>
      <div class="box">
        <div class="df-ac-jcsb">
          <div class="box-title">统计</div>
          <dv-decoration-4 :reverse="true" style="width:1.25rem;height:.25rem; position:relative;left:-0.5rem;" />
        </div>
        <p>累计提交日志次数：<span>900</span></p>
        <p>累计已读日志数量：<span>500</span></p>
        <p>累计未读日志数量：<span>1000</span></p>
      </div>
    </dv-border-box-2>
  </div>
</template>

<script>
export default {
  name: 'BottomRight'
}
</script>

<style lang="scss" scoped>
.br-page-view {
  padding: 0.25rem;
  height: 26.8vh;
  .box {
    position: relative;
    // height: 100%;
    .box-title {
      color: #1bb4f9;
      font-size: 0.225rem;
      padding: 0.15rem 0 0.1rem 0.625rem;
    }
    .box-echart {
      width: 90%;
      height: 21.5vh;
      margin: 0 auto;
    }

    p {
      color: #fff;
      font-size: 20px;
      margin-left: .5rem;
      span {
      color: #1bb4f9;

      }
    }
  }
}

</style>
